<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../index-home/index-home.css" rel="stylesheet" type="text/css">
    <link href="../iccon/iconfont.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="swiper-3.4.2.min.css" type="text/css">
    <link rel="stylesheet" href="swiper.min.css" type="text/css">

</head>
<style>
    html,body {
        background-color: #ffffff;
    }
        .guodu {
            height: 20px;
            width: 100%;
        }
    .swiper-container {
          margin-top:20px ;
          width: 1170px;
          height: 513px;
      }
    .body-home {
        width: 100%;
        height: 4295px;
        position: relative;
       text-align: center;
    }
    .aaa {
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: space-around;
        margin: 30px 0 30px 0;
        align-items: center;
    }
    .bbb {
        width: 1170px;
        height: inherit;
    }
    .h3 {
        width: 100%;
        height: 36px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 0 30px 0;
    }
    .h3-body {
        width: 1170px;
        height: 36px;
      position: relative;
    }
    .text-logo {
        width: 160px;
        height: 36px;
        background-color: #ffffff;
        font-size: 28px;;

        position: absolute;
        top: -15px;
        left: 505px;
        right: 505px;
    }
    .gridding {
         width: 100%;
        height: 410px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .gridding-top {
        width: 1170px;
        height: inherit;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .gridding-top-1 {
        width: 270px;
        height: 380.8px;
        border: 1px solid rgba(0,0,0,.1);
        position: relative;
        border-radius: 5px;
        top: -15px;
        background-color: rgba(255,255,255);
    }
    .gridding-top-1 img {
       width: 270px;
        height: auto;
    }
    .rating-1 {
        position: relative;
    }
  .rating {
      width: 248px;
      height:38.4px ;
      text-align: center;
      line-height: 38.4px;
      margin: 0 10px;
      color: rgba(0,0,0,.3);

  }
 .a {
     text-align: center;
     line-height: 24px;
     margin: 0 0 0 15px;
     width: 255px;
     height: 24px;
     font-size: 15px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     background-color: rgba(0,0,0,0);
 }
    .price {
        width: 240px;
        height: 22.4px;
        color: red;
        font-size: 16px;
        font-weight: 800;
        margin: 7px 0 ;
    }
    .gorup {
        display: none;
    }
   .rating-1:hover  .gorup {
        width: 268px;
        height: 46px;
         position: absolute;
         top: 112px;
        display: flex;
        margin: -10px 0 0 0;
        justify-content: center;
        align-items: center;
        background-color: rgba(0,0,0,0);
    }
    .butt1 {
        text-align: center;
        width: 46px;
        height: 46px;
        line-height: 46px;
        background-color: #ffffff;
        font-size:13px ;
          margin: 0 5px 0 0;
        border: 1px solid rgba(0,0,0,.3);
        border-radius: 50%;
    }
    .butt2 {
        text-align: center;
        width: 46px;
        height: 46px;
        line-height: 46px;
        background-color: #ffffff;
        font-size:13px ;
        margin:  0 0 0 5px;
        border: 1px solid rgba(0,0,0,.3);
        border-radius: 50%;
    }
    .cart-cart {
        display: none;
    }
    .rating-1:hover  .cart-cart {
        width: 268px;
        height: 36.4px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        top: -30px;
        background-color: rgba(0,0,0,0);
    }

    .primary {
        display: none;
    }
   .primary{
        display: block;
        width: 108.93px;
        height: 36.4px;
        background-color: rgb(255,218,0);
        text-align: center;
        line-height: 36.4px;
        font-size: 13px;
        border-radius: 3px;
    }
    .Banner {
        width: 100%;
        height: 548px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .Banner-body {
        height: 548px;
        width: 1170px;
        background-color: #55a532;
    }
    .h4 {
        width: 100%;
        height: 36px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 50px 0 10px 0;
    }
    .h4-body  {
        width: 1170px;
        height: 36px;
        position: relative;
    }
    .text-logo1 {
        width: 160px;
        height: 36px;
        background-color: #ffffff;
        font-size: 28px;;
        position: absolute;
        top: -15px;
        left: 505px;
        right: 505px;
    }
    .h3-body hr {
        border:none ;
        background-color: rgba(0,0,0,.1);
        height: 1px;
    }
      .h4-body hr {
          border:none ;
          background-color: rgba(0,0,0,.1);
         height: 1px;
      }
    .price-1 {
        color: #888888;
        font-weight: 500;
        text-decoration:line-through ;
    }
    .swhr {
        height: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swhr hr {

        border:none ;
        width: 1170px;
        background-color: rgba(0,0,0,.1);
        height: 1px;
    }
    .swiper-slide {
        height: 124px;
    }
    .swiper-slide img {
      position: relative;
        top: 20px;
    }

    #swiper2 {
        width: 1170px;
        height: 124px;
    }
    .h5 {
        width: 100%;
        height: 36px;
        position: relative;
        top: -20px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 50px 0 10px 0;
    }
    .h5-body  {
        width: 1170px;
        height: 36px;
        position: relative;
    }
    .h5-body  hr{
        border:none ;
        background-color: rgba(0,0,0,.1);
        height: 1px;
    }
 .swh {

        height: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
      position: relative;
 }
    .swh hr {
        border:none ;
        width: 1170px;
        background-color: rgba(0,0,0,.1);
        height: 1px;
        position: absolute;
        top: -20px;
    }
    .gridding-top2 {
        width: 1170px;
        height: inherit;
        display: flex;
        justify-content: left;
        align-items: center;
    }
  .gridding-top2  .gridding-top-1 {
      margin-right:27px ;
  }
   .gridding-g{ width: 100%;
       height: 410px;
       position: relative;
       top: -20px;
       display: flex;
       justify-content: space-around;
       align-items: center;}
</style>
<body>
    <div id="header"></div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="../img/slideshow-1-1170x513.png"></div>
                    <div class="swiper-slide"><img src="../img/slideshow-2-1170x513.png"></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>



    <div class="body-home">
        <div class="aaa">
            <div class="bbb"><img src="../index-home/img/banner-2-1170x60.jpg"></div>
        </div>
     <div class="h3">
        <div class="h3-body">
            <hr>
            <div class="text-logo"><span>最新商品</span></div>
        </div>

    </div>
        <div class="gridding">
            <div class="gridding-top">
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-7-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>浅秋专柜正品早秋新款休闲半高领...</a>
                        </div>
                        <p class="price">￥0.01</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-11-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>春秋新款一字领针织衫长袖短款紧...</a>
                        </div>
                        <p class="price">￥99.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-10-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>羊毛打底衫女长袖秋冬套头修身高...</a>
                        </div>
                        <p class="price">￥99.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-1-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>浅秋专柜正品早秋新款休闲半高领...</a>
                        </div>
                        <p class="price">￥1,999.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>



            </div>
        </div>
        <div class="gridding">
            <div class="gridding-top">
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-9-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>OMNIS 双面羊毛呢子大衣女短款...</a>
                        </div>
                        <p class="price">￥1,999.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-10-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>SIMPLE 2018冬新品宽松中长款套...</a>
                        </div>
                        <p class="price">￥1,999.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-11-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>羊毛 EOST 女长袖秋冬套头修身高...</a>
                        </div>
                        <p class="price">￥1,999.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-9-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>寇资娜焦糖色羊毛针织连衣裙秋冬...</a>
                        </div>
                        <p class="price">￥1,999.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>



            </div>
        </div>
        <div class="Banner">
            <div class="Banner-body"><img src="../index-home/img/slideshow-3-1170x548.png"></div>
        </div>
        <div class="h4">
            <div class="h4-body">
                <hr >
                <div class="text-logo1"><span>推荐商品</span></div>
            </div>

        </div>
        <div class="gridding">
            <div class="gridding-top">
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-11-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>羊毛 EOST 女长袖秋冬套头修身高...</a>
                        </div>
                        <p class="price">￥12,000.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-3-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>LOREM 双腰头修身九分棉弹牛仔裤</a>
                        </div>
                        <p class="price">￥129.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-9-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>寇资娜焦糖色羊毛针织连衣裙秋冬...</a>
                        </div>
                        <p class="price">￥199.00
                            <span class="price-1">￥299.00</span></p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-3-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>浅秋专柜正品早秋新款休闲半高领...</a>
                        </div>
                        <p class="price">￥1,999.00<span class="price-1">￥199.00</span>
                        </p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swhr"><hr></div>
        <div id="rrr"> <div class="swiper-slide" data-swiper-autoplay="10000">
            <div class="sipp">
                <div class="swiper-container uu" id="swiper2">
                    <div class="swiper-wrapper ppp">
                        <div class="swiper-slide ooo" ><img src="../index-home/img/1-165x78.png"></div>
                        <div class="swiper-slide"><img src="../index-home/img/2-165x78.png"></div>
                        <div class="swiper-slide"><img src="../index-home/img/3-165x78.png"></div>
                        <div class="swiper-slide"><img src="../index-home/img/4-165x78.png"></div>
                        <div class="swiper-slide"><img src="../index-home/img/5-165x78.png"></div>
                        <div class="swiper-slide"><img src="../index-home/img/7-165x78.png"></div>
                        <div class="swiper-slide"><img src="../index-home/img/8-165x78.png"></div>
                        <div class="swiper-slide"><img src="../index-home/img/manuf-6-165x78.png"></div>
                    </div>
                    <div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
                    <div class="swiper-button-next"></div><!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
                </div>
            </div>
        </div></div>
        <div class="swh"><hr></div>
        <div class="h5">
            <div class="h5-body">
                <hr >
                <div class="text-logo1"><span>特价商品</span></div>
            </div>

        </div>
        <div class="gridding-g">
            <div class="gridding-top2">
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-11-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>羊毛 EOST 女长袖秋冬套头修身高...</a>
                        </div>
                        <p class="price">￥12,000.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-3-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>LOREM 双腰头修身九分棉弹牛仔裤</a>
                        </div>
                        <p class="price">￥129.00</p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gridding-top-1">
                    <div class="rating-1"><img src="../index-home/img/product-9-300x300.png">
                        <div class="rating">
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                            <span class="icon iconfont" >&#xe609;</span>
                        </div>
                        <div class="a">
                            <a>寇资娜焦糖色羊毛针织连衣裙秋冬...</a>
                        </div>
                        <p class="price">￥199.00
                            <span class="price-1">￥299.00</span></p>
                        <div class="gorup">
                            <div class="butt1"><span class="icon iconfont" >&#xe623;</span></div>
                            <div class="butt2"><span class="icon iconfont" >&#xe64d;</span></div>
                        </div>
                        <div class="cart-cart">
                            <div class="primary">
                                <span class="icon iconfont" >&#xe601;</span>
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../common/jquery-3.5.1/jquery-3.5.1/jquery-3.5.1.min.js"></script>
<script src="swiper-3.4.2.min.js"></script>
<script>
    $(function () {
        $('#header').load('../index-home/index-home.html',function () {
            console.log('加载完成');
            $('#header').children().unwrap()
        })
    });

    var mySwiper = new Swiper ('.swiper-container', {
        loop: true,
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
    });

    //如果你初始化时没有定义Swiper实例，后面也可以通过Swiper的HTML元素来获取该实例
    new Swiper('#swiper2');
    var mySwiper = document.querySelector('#swiper2').swiper;
    mySwiper.slideNext();
    var swiper = new Swiper('.uu', {
         speed:3000,
        autoplay: true,
        // disableOnInteraction: true,
        loop : true,
        // pagination: '.swiper-pagination',
        slidesPerView: 6,
        paginationClickable: true,
        spaceBetween: 20,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>

</html>